
*{
	margin: 0;
	padding: 0;
}

.mui-slider{
	height: auto;
}

.mui-scroll{
	height: auto;
}

.index-title{
	margin: 30px 0;
	background-color: #fff;
	padding-bottom: 20px;
}

.indexTitlt-top{
	height: 4.588160022rem;
    line-height: 4.588160022rem;
    margin: 0 1.262796336rem;
    position: relative;
}

.indexTitlt-top:before{
	content: "";
	width: 100%;
	position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid #ff9422;
}

.indexTitlt-top span{
	color: #ff9422;
    font-size: 0.964776401rem;
    padding: 0 0.631398168rem;
    background: #ffffff;
    position: relative;
}



.index-body{
	background-color: #fff;
	padding-bottom: 20px;
}

.indexTitlt-body img{
	width: 100%;
}

.indexBody-title{
	position: relative;
	padding: 20px 10px;
    margin: 0 1.262796336rem;
}

.indexBody-title:before{
	content: "";
	width: 100%;
	position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid #ff9422;
}

.indexBody-title span{
	padding: 0 15px;
	font-size: 22px;
	color: #ff8500;
	background-color: #fff;
	position: relative;
}

.indexSliderModular{
	width: 100%;
	height: 150px;
	border-radius: 15px;
	background-color: #eee;
}

.indexBody-slider>.mui-row>div{
	padding: 15px;
}

.indexSliderModular>a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.indexSliderModular>a>div{
	width: 100%;
	position: absolute;
}

.ModularTitle{
	top: 20%;
}

.ModularIcon{
	bottom: 20%;
}

.ModularTitle p{
	font-size: 14px;
	color: #5e7387 !important;
	font-weight: bold;
}

.ModularIcon span{
	background-color: #4c78eb;
	color: #fff;
	padding: 10px;
	border-radius: 50px;
}




.mui-bar-nav~.mui-content{
	padding-top: 65px;
}

.index-header{
	background-color: #4c78eb;
	height: 4.083041487rem;
    line-height: 4.083041487rem;
    vertical-align: middle;
}

.index-header>a{
	display: block;
	width: 140px;
	height: 38px;
	margin-top: 14px;
	background-image: url(../../img/logo2.png);
	background-size: 100%;
}







#offCanvasSide{
	background-color: #fff;
}

#offCanvasSide>nav>a{
	padding: 0 20px;
	font-weight: bold;
	color: #000000;
	background-color: #fff;
}

#offCanvasSide .mui-bar-tab .mui-tab-item.mui-active{
	color: #000000;
}

#offCanvasSide .mui-scroll-wrapper{
	margin-top: 64px;
}

#offCanvasSide .mui-scroll{
	padding-bottom: 50px;
}

#Edit{
	width: 100%;
	height: 100%;
	background: #0062CC;
	display: none;
}


.offInfaomation{
	width: 100%;
	height: 200px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
}

.offInfaomation img{
	border-radius: 50px;
}

.offInfaomation .mui-media-body{
	height: 42px;
}

.offInfaomation .mui-media-body>p{
	height: 100%;
	line-height: 42px;
}

.offInformationList .orderDetails{
	padding: 10px 15px;
	background-color: #ff9422;
}

.offInformationList .orderDetails>h5{
	font-weight: bold;
	color: #fff;
}

.offlistEdit{
	margin-top: 5px;
}

.offInformationList .mui-table-view:after{
	height: 0;
}

.orderDataStorage{
	display: none;
}
